<template>
  <div >
      <el-button @click="jump">jump:{{ num }}</el-button>
      <el-button @click="vuexFunc">vuex:{{ $storeIns }}</el-button>

          <be-ellipsis
            placement="left"
            text="电灯熄灭 物换星移 泥牛入海 黑暗好像 一颗巨石 按在胸口独脚大盗 电灯熄灭 物换星移 泥牛入海 黑暗好像 一颗巨石 按在胸口独脚大盗"
            content="电灯熄灭 物换星移 泥牛入海 黑暗好像 一颗巨石 按在胸口独脚大盗
    百万富翁 摸爬滚打 黑暗好像 一颗巨石 按在胸口电灯熄灭 物换星移 泥牛入海 黑暗好像 一颗巨石 按在胸口独脚大盗
    百万富翁 摸爬滚打 黑暗好像 一颗巨石 按在胸口"
            expandTrigger>
    </be-ellipsis>
      <be-icon icon="iconbaogao"></be-icon>
<!--      <be-icon icon="delete" style="position: absolute;left: 20%;top: 100px;"></be-icon>-->
            <be-popover trigger="click" :width="300" customClass="asdwq" >
                <be-icon icon="delete" ></be-icon>
                <template #trigger>
      <!--            <div width="25" height="25"  @click="test" style="position: absolute;left: 20%;top: 100px;">++</div>-->
                  <be-icon icon="delete"  style="position: absolute;left: 20%;top: 100px;"></be-icon>
                </template>
            </be-popover>
<!--          <be-tooltip content="'qwddddddddddddddddddd" placement="top"  trigger="manual">
            <div width="25" height="25"  style="position: absolute;left: 20%;top: 100px;">++</div>
          </be-tooltip>-->
      <be-button>asdwq</be-button>
  </div>
</template>

<script lang="ts">
import {computed, defineComponent,getCurrentInstance} from "@vue/composition-api";
import useStore from '@/store/store'
import { useRoute,useRouter } from 'vue2-helpers/vue-router';
  export default defineComponent({
      components:{

      },
      setup(){
          const route = useRoute();
          const router = useRouter();
          const $storeIns = computed(()=>useStore.state.caseSelectBgColor)

          const jump = ():void => {
              router.push('/login')
          }
          const vuexFunc = ():void => {
              useStore.commit('update',['caseSelectBgColor','red'])
          }
          const num = 1123
          return {
              num,
              jump,
              vuexFunc,
              $storeIns
          }
      },
      /*data(){
          return{
              str:'wqdwqdwqdwqq'
          }
      }
    methods:{
        jump(){
            console.log(this.$store.state.caseSelectBgColor)
            this.$router.push('/login')
        }
    }*/
  });
</script>

<style scoped>
</style>